//引入路由
import {createRouter,createWebHashHistory} from 'vue-router'
// import {createRouter,createWebHistory} from 'vue-router'
import Page路由1   from "@/views/Page路由1.vue";
import Page路由2   from "@/views/Page路由2.vue";

/**
 history配置的区别
 1、history: createWebHashHistory()配置-有#号：
 问题：不需要后台做任何的配置
 原理：用的a标签的连接
 {
 path: '/',//默认路由，访问的路径(http://localhost:5175/#/)
 component: Page路由1//对应的组件
 },
 {
 path: '/ly2',//(http://localhost:5175/#/ly2)
 component: Page路由2
 }

  2、history: createWebHistory()配置-无#号：
 问题：需要后台座配合做重定向，否则出现404问题
 原理：用h5的pushState()方法
 {
 path: '/',//默认路由，访问的路径(http://localhost:5175)
 component: Page路由1//对应的组件
 },
 {
 path: '/ly2',//(http://localhost:5175/ly2)
 component: Page路由2
 }

 */

const    routes= [
    {
        path: '/',//默认路由，访问的路径(http://localhost:5175/#/)
        component: Page路由1//对应的组件
    },
    {
        path: '/ly2',//(http://localhost:5175/#/ly2)
        component: Page路由2
    },
]

//页面路径配置
const router = createRouter({
    history: createWebHashHistory(),
    // history: createWebHistory(),
    routes:routes
})

//让web访问需要导出
export default  router